/* 顶部导航栏 */
.head{
    background-color: #fff;
}
.head-top{
    height: 115px;
    background-color: #fff;
    position: relative;
}
.head-top .pic1{
    position: absolute;
    top: 13px;
}

.head-top .pic2{
     width: 51px;
     height: 51px;
     position: absolute;
     right:155px;
     top: 30px;
}
.head-top .t1{
     position: absolute;
     right:50px;
     top: 30px;
     font-size: 16px;
     color: #003333;
}
.head-top .t2{
    position: absolute;
     right:0;
     top: 60px;
     font-size: 16px;
     color: #003333;
}
/*  大框框*/
.big-box{
    height: 795px;
    background-color: #f4f4f4;
}
.big-box .second-box{
    width: 996px;
    height: 700px;
    background-color: #fff;
    position: absolute;
    top: 160px;
    left: 300px;
    border-top: 3px solid #ccc;

}
.big-box .second-box .title-box{
    width: 840px;
    height: 55px;
    border-bottom: 2px solid #ccc;
    position: absolute;
    left: 75px;
}
.big-box .second-box .title-box li{
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 33px 99px;
    
    

}
.big-box .second-box .title-box li.active{
    color: #f60;
}
.big-box .second-box .title-box li::after{
    content: '';
    width: 20%;
    height: 3px;
    display: block;
    background-color: #f60;
    position: absolute;
    top: 55px;
    left: 65px;
}
.big-box .second-box .three-box{
    width: 700px;
    height: 533px;
    border: 2px solid #ccc;
    border-top: 3px solid #f60;
    position: absolute;
    top: 112px;
    left: 147px;
}
.big-box .second-box .three-box h2{
    text-indent: 32px;
    line-height: 45px;
}
.big-box .second-box .three-box p{
    line-height: 30px;
    text-indent: 2em;

}
.big-box .second-box .three-box span{
    line-height: 25px;
    color: #f60;
}
.big-box .second-box .three-box input{
    width: 180px;
	height: 38px;
	background-color: #f60;
    border-radius: 15px;
    position: absolute;
    left: 260px;
    bottom: 35px;
    border: 0;
    color: #fff;
    letter-spacing: 3px;
    font-weight: bold;
}
/* 填写信息 */
.information .mation-box{
    /* height: 580px; */
    width: 512px;
    /* border: 1px solid red; */
    position: absolute;
    left: 280px;
    top: 95px;
}
.red{
    color: red;
}


.information .mation-box input{
    width: 300px;
    height: 30px;
    margin: 20px 0;
}
.information .mation-box .mail{
    width: 176px;
    height: 30px;
}
.information .mation-box select{
    width: 90px;
    height: 30px;
}
.information .mation-box .yanzheng{
    width: 165px;
    height: 30px;
    
}
.information .mation-box button{
    width: 120px;
    height: 30px;
    background-color: #f60;
    border-radius: 15px;
    border: 0;
    color: #fff;
    letter-spacing: 2px;
    border: 0;
}
.information .mation-box .strong{
    width: 100px;
    height: 12px;
    background-color: #fffc00;
    position: absolute;
    left: 70px;
    
}
.information .mation-box .strong1{
    width: 100px;
    height: 12px;
    background-color: #ffd200;
    position: absolute;
    left: 172px;
    
}
.information .mation-box .strong2{
    width: 100px;
    height: 12px;
    background-color: #2fe705;
    position: absolute;
    left: 274px;
    
}
.information .mation-box .tijiao{
    width: 230px;
    height: 46px;
    background-color: #f60;
    color: #fff;
    font-weight: bold;
    border-radius: 35px;
    border: 0;
    letter-spacing: 3px;
    position: absolute;
    bottom: -68px;
    left: 90px;
}
/* 注册成功 */
.success img{
    position: absolute;
    top: 152px;
    left:432px ;
}
.success p{
    font-size: 24px;
    position: absolute;
    top: 280px;
    left :385px;
    font-weight: bold;

}


/* 显示 */
.big-box .second-box .content .e{
    display: block;
}

/* 隐藏注册协议框 */
.big-box .second-box .three-box{
    display: none;
}

/* 隐藏填写信息框 */
.big-box .second-box .information{
    display: none;
}
/* 隐藏注册成功 */
.big-box .second-box .success{
    display: none;
}















/* 尾部 */
.footer{
    height: 391px;
    background-color: #fff;
    margin-top: 60px;
}
.footer .foot-top{
    height: 391px;
    border: 1px solid #fff;
    position: relative;
    
}
.footer .foot-pic li{
    width: 207px;
    height: 66px;
    border-right: 2px solid #ccc;
    float: left;
    margin-right: 90px;
    position: relative;
    top: 50px;
    left: 20px;
}
.footer .foot-pic li>p{
    left: 0;
}

.footer .foot-bottom{
    height: 210px;
    margin-top: 150px;
    border-top: 2px solid #ccc;
    position: relative;
}
.footer .foot-bottom .one{
    text-indent: 30px;
    margin-top: 35px;
    letter-spacing: 2px;
}
.footer .foot-bottom .two{
    position: absolute;
    top:35px ;
    left: 225px;
    letter-spacing: 2px;
}
.footer .foot-bottom .three{
    position: absolute;
    top:35px ;
    left: 408px;
    letter-spacing: 2px;
}
.footer .foot-bottom .four{
    position: absolute;
    top:35px ;
    left: 600px;
    letter-spacing: 2px;
}

.footer .foot-bottom .five{
    position: absolute;
    top:35px ;
    left: 852px;
    
}
.footer .foot-bottom .five img{
    margin-top: 10px;
}
.footer .foot-bottom .six{
    position: absolute;
    top:35px ;
    left: 998px;
    
}
.footer .foot-bottom .six img{
    margin-top: 10px;
}

.footer .footer-bottom p{
    width: 854px;
    height: 38px;
    text-align: center;
    margin-left: 200px;
    margin-top: 10px;
    position: absolute;
    
}

.footer .footer-pic li{
    
    height: 30px;
    float: left;
    position: relative;
    left: 300px;
    margin-top: 60px;
}


/* 返回首页 */
.text-index a{
    color: #000;
    position: absolute;
    right: -80px;
    top: 60px;
    font-weight: bold;
}

